/* 
----------------------------------------------
---JEUTIE's WebSite --------------------------
---Website whriten by Evilsystem--------------
---www.evil.duloclan.com----------------------
----------------------------------------------
*/

	/* RESET /One line/ */
	* { position:relative; padding:0; margin:0; list-style: none; outline: none;}
	*:focus { outline: none;}
	
BODY, HTML {
	background:url(http://img24.imageshack.us/img24/5118/backgroundjy.jpg) repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#9a9a9a;
	text-shadow:0 0 6px rgba(0,0,0,.8);
	}
	
	ul#navigation li, a#logo, .cont-title-one, .cont-title-two, ul.social-media li a, ul.social-media li a p, .top-cats, div.dwitem-row a span.normal, 
	div.dwitem-row a span.hover
	{background-image:url(http://img535.imageshack.us/img535/4135/28918889.png); background-repeat: no-repeat;}
	
	a {
		color:#9a9a9a; 
		text-decoration: none;
		-moz-transition:all 600ms;
		-o-transition:all 600ms;
		-webkit-transition:all 600ms;
		transition:all 600ms;
		text-shadow:0 0 6px rgba(0,0,0,.8);
		}
	a:hover {color:#f0ac42;}
	
	div.clear { clear:both; height:1px;}
	
	.inner-holder {
		width:860px; height:auto;
		margin:0 auto;
		}
		
	/* HEADER */
	#header {
		width:100%; height:145px;
		background:url( http://img838.imageshack.us/img838/998/headerzay.png) no-repeat top;
		/*background-color:rgba(255,255,255,.1);*/
		}
		.top-line {
		width:100%; height:7px;
		background:#171717;
		box-shadow:0 1px 0 rgba(255,255,255,.02);
		}
		/* LOGO */
		a#logo {
		display:block;
		width:220px; height:113px;
		background-position:0 -228px;
		float:left;
		margin:10px 0 0 0;
		left:-20px;
		}
		
		/* NAVIGATION */
		ul#navigation {
			float:right;
			text-align:right;
			margin:41px 0 0 0;
			left:20px;
			}
			
			ul#navigation li {
				display:inline-block;
				height:62px;
				/*background-color:rgba(255,255,255,.1);*/
				}
				
				ul#navigation li#home {background-position:-303px -228px;}
				ul#navigation li#emulation {background-position:-447px -226px;}
				ul#navigation li#downloads {background-position:-622px -228px;}
				ul#navigation li#contact {background-position:0 0;}
				
				ul#navigation li a {
					display:block;
					padding:19px 30px 0 17px;
					font-family:Arial, Helvetica, sans-serif;
					color:#cecece;
					font-size:14px;
					font-weight: bold;
					text-shadow: 0 0 5px rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.4);
					-moz-transition:all 600ms;
					-o-transition:all 600ms;
					-webkit-transition:all 600ms;
					transition:all 600ms;
					}
				ul#navigation li a:hover {text-shadow:0 0 4px rgba(240,172,66,.35);color:#f0ac42;}
				ul#navigation li.active a {text-shadow:0 0 4px rgba(240,172,66,.35);color:#f0ac42;}
				ul#navigation li.active a:hover {color:#ffdc3a; text-shadow: 0 0 5px rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.4);}
		
	/* BODY */
	
	.wrapper {
		width:100%; height:auto;
		min-height:450px;
		background:url(images/bodytopef.png) no-repeat top center, url(http://img829.imageshack.us/img829/8174/bodybottomef.png) no-repeat bottom center;
		}
	.holder {
		width:860px; height:auto;
		margin:0 auto;
		padding:45px 0 50px 0;
		}
	
	div#body {
		float:left;
		width:534px;
		height:auto;
		text-align:left;
		}
	
	div#sidebar {
		float:right;
		width:312px;
		height:auto;
		text-align:left;
		}
	
  
  
/* PAGES */
	.text-container {}
	
	.cont-title-one {
		width:auto; height:38px;
		min-width:100px;
		line-height:0;
		background-position:0 -351px;
		padding:22px 0 0 40px;
		margin: 0 0 10px 0;
		left:-40px;
		/*background-color:rgba(255,255,255,.1);*/
		font-size:14px;
		text-transform:uppercase;
		font-weight:bold;
		color:#dfdfdf;
		text-shadow:0 0 6px rgba(0,0,0,.8);
		font-family:Arial, Helvetica, sans-serif;
		}
	.cont-title-two {
		width:auto; height:28px;
		min-width:100px;
		line-height:0;
		background-position:-748px -353px;
		padding:26px 0 0 43px;
		margin: 0 0 13px 0;
		left:-40px;
		/*background-color:rgba(255,255,255,.1);*/
		font-size:14px;
		text-transform:uppercase;
		font-weight:bold;
		color:#989898;
		text-shadow:0 0 6px rgba(0,0,0,.8);
		font-family:Arial, Helvetica, sans-serif;
		}
		
	/* INDEX - About me */
	
		.about-me {}
		.about-me h3 {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		font-weight: normal;
		text-shadow:0 0 6px rgba(0,0,0,.5);
		color:#8e8e8e;
		}
		
		
		.about-me-image {
		width:302px; height:214px;
		background:url(images/jeutie-picture.png) no-repeat;
		}
		
		.index-sidebar-text { left:5px;}
		.index-sidebar-text h3 {
			font-family:Arial;
			font-size:12px;
			font-weight: normal;
			text-shadow:0 0 6px rgba(0,0,0,.5);
			color:#676767;
			padding:0 4px;
			line-height:150%;
			}
		
	
	
	/* FOOTER */
	
	div#footer {
		width:860px; height:auto;
		margin: 0 0 25px 0;
		}
		
		div#footer div.copyright {
			text-align:left;
			line-height:150%;
			float:left;
			margin:23px 0 0 0;
			color:#545454;
			}
			div#footer div.copyright a {color:#6f6f6f;}
			div#footer div.copyright a:hover {color:#f0ac42;}
			
		/* SOCIAL MEDIA */
		
		ul.social-media {
			float:right;
			margin:23px 0 0 0;
			}
		
			ul.social-media li {
				display:inline-block;
				margin:0 0 0 3px;
				}
			ul.social-media li a {
				display:block;
				width:auto; height:43px;
				-moz-transition:all 600ms;
				-o-transition:all 600ms;
				-webkit-transition:all 600ms;
				transition:all 600ms;
				}
			ul.social-media li a p {
				display:block;
				width:auto; height:43px;
				opacity:0;
				-moz-transition:all 600ms;
				-o-transition:all 600ms;
				-webkit-transition:all 600ms;
				transition:all 600ms;
				}
			
			ul.social-media li a#youtube { width:33px; background-position:-275px -431px; top:-3px;}
			ul.social-media li a#rss {width:34px; background-position:-104px -431px;}
			ul.social-media li a#facebook {width:34px; background-position:-37px -431px;}
			ul.social-media li a#twitter {width:33px; background-position:-71px -431px; top:-6px;}
			ul.social-media li a#googleplus {width:37px; background-position:-0px -431px; top:-1px;}
			
			ul.social-media li a#youtube p {width:px; background-position:-308px -431px;}
			ul.social-media li a#rss p {width:34px; background-position:-241px -431px;}
			ul.social-media li a#facebook p {width:34px; background-position:-174px -431px;}
			ul.social-media li a#twitter p {width:33px; background-position:-208px -431px;}
			ul.social-media li a#googleplus p {width:37px; background-position:-137px -431px;}
			
			
			ul.social-media li a:hover p {
				opacity:1;
				}
	
	/* EMULATION */
	
	div.emulation-list {}
	
	
	
	ul.emulation-list-row {
		padding:1px 0 28px 0;
		background:url(images/bottom-border-sep.png) no-repeat bottom;
		width:514px;
		text-align:left;
		}
		.emulation-list ul:last-of-type { background: none;}
		
		ul.emulation-list-row li.title {
			font-size:13px;
			font-weight:bold;
			color:#a8a8a8;
			padding:2px 0 10px 0;
			}
		ul.emulation-list-row li.desc {
			color:#555454;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			padding: 0 80px 0 0;
			}
		
		ul.emulation-list-row li.vthread { position:absolute; top:4px; right:4px;}
		ul.emulation-list-row li.vthread a {
			display:block;
			padding:4px 5px;
			background:rgba(0,0,0,.2);
			font-size:8px;
			text-transform:uppercase;
			border-radius:4px;
			box-shadow:inset 0 0 5px rgba(0,0,0,.5), inset 0 1px 1px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.02);
			color:#505050;
			font-weight:bold;
			text-shadow:0 0 3px #000;
			}
			ul.emulation-list-row li.vthread a:hover {color:#f0ac42;}
			
	div.emulation-sidebar {
		top:-20px; left:10px;
		}
		div.emulation-image {
		width:312px; height:239px;
		background:url(images/image.jpg) no-repeat;
		left:-10px;
		}
		
		div.twitter {
		height:auto; width:300px;
		border-radius:5px;
		overflow:hidden;
		box-shadow: 0 0 8px rgba(0,0,0,.6);
		}
		
		.glow-effect {
			width:304px; height:16px;
			background:url(images/twiter-grow-ef.png) no-repeat;
			position:absolute;
			top:0; left:0;
			z-index:999;
			opacity:.8;
			}
	
	/* DOWNLOADS Page */
	.downloads {padding:0px 0 50px 0;}
	.top-cats {
		width:861px; height:100px;
		background-position: -0px -20px;
		top:20px;
		}
		.top-cats a#filename {width:435px; text-align:left; margin:34px 0 0 10px; padding:0 0 0 3px;}
		.top-cats a#filesize {width:167px; text-align:left; margin:34px 0 0 24px; padding:0 0 0 1px;}
		.top-cats a#lastmod {width:205px; margin:34px 0 0 5px; text-align:right;}
		
		.top-cats a {
			display:block; float:left;
			color:#484848;
			text-shadow:0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(0,0,0,.3);
			font-weight: bold;
			}
			.top-cats a:hover { color:#6d6d6d;}
		
		
	div.dwitem-row {
		width:851px; height:55px;
		margin:0 0 5px 0;
		padding: 0 0 0 10px;
		}
	
		div.dwitem-row a {
			display:block;
			width:851px; height:73px;
			}
			div.dwitem-row a img {display:block; float:left; opacity:.5;}
			div.dwitem-row a strong {display:block; float:left; width:445px; text-align:left; padding:0 0 0 6px;}
			div.dwitem-row a em {display:block; float:left; width:170px; text-align:left; color:#4e4e4e;}
			div.dwitem-row a p {display:block; float:left; width:210px; text-align:right; color:#4e4e4e;}
			
			div.dwitem-row a img, div.dwitem-row a strong,  div.dwitem-row a em, div.dwitem-row a p {
				margin:28px 0 0 0;
				}
		
		div.dwitem-row a span.normal {
			display:block;
			width:871px; height:73px;
			position:absolute;
			top:0; left:0;
			background-position: 0 -587px;
			opacity:1;
			-moz-transition:all 600ms;
			-o-transition:all 600ms;
			-webkit-transition:all 600ms;
			transition:all 600ms;
			}
		div.dwitem-row a span.hover {
			display:block;
			width:871px; height:73px;
			position:absolute;
			top:0; left:0;
			background-position: 0 -514px;
			opacity:0;
			-moz-transition:all 600ms;
			-o-transition:all 600ms;
			-webkit-transition:all 600ms;
			transition:all 600ms;
			}
			
			div.dwitem-row a:hover span.normal { opacity:0;}
			div.dwitem-row a:hover span.hover { opacity:1;}
	
	
	
	
	
	
	
	
	
	
	
	